/* ------ Color ------ */
/* ----- End Color ------ */
/* ---- Size ----- */
/* ---- End Size ----- */
/* ---- Font Size ---- */
/* line 29, ../sass/main.scss */
.font_largest {
    font-size: 26px;
}

/* line 33, ../sass/main.scss */
.font_larger {
    font-size: 21px;
}

/* line 37, ../sass/main.scss */
.font_large {
    font-size: 19px;
}

/* line 41, ../sass/main.scss */
.font_big {
    font-size: 16px;
}

/* line 45, ../sass/main.scss */
.font_medium {
    font-size: 15px;
}

/* line 49, ../sass/main.scss */
.font_small {
    font-size: 13px;
}

/* ---- Font Size End ---- */
/*--- Common ------*/
/* line 56, ../sass/main.scss */
html, body {
    overflow-x: hidden;
}

/* line 60, ../sass/main.scss */
body {
    font-family: 'Lato', sans-serif;
}

/* line 64, ../sass/main.scss */
.brand-primary {
    color: #355BB2;
}

/* line 68, ../sass/main.scss */
.btn-sm {
    line-height: 1.8;
}

/* line 72, ../sass/main.scss */
.btn-primary {
    background-color: #355BB2;
}

/* line 74, ../sass/main.scss */
.btn-primary:hover {
    background-color: #27366b;
}

/* line 79, ../sass/main.scss */
.btn-danger {
    background-color: #e3446e;
}

/* line 81, ../sass/main.scss */
.btn-danger:hover {
    background-color: #c53f63;
}

/* line 86, ../sass/main.scss */
.blocks {
    display: table;
    width: 100%;
}

/* line 91, ../sass/main.scss */
.valign-middle {
    display: table-cell;
    vertical-align: middle;
    float: none;
}

/* line 97, ../sass/main.scss */
.block-padding-left, .home_benefit_block, .pricing_caption, .amp_footer {
    padding-left: 9%;
}

/* line 101, ../sass/main.scss */
.block-padding-right, .home_msg_block, .home_create_task_block, .home_benefit_block, .pricing_caption, .amp_footer {
    padding-right: 9%;
}

/* line 105, ../sass/main.scss */
.blocks-title {
    color: #414141;
}

/* line 109, ../sass/main.scss */
.blocks-detail {
    color: #525252;
    line-height: 1.47;
}

/* line 114, ../sass/main.scss */
.blocks-divider-box {
    width: 100%;
    float: left;
}

/* line 119, ../sass/main.scss */
.blocks-grey-divider {
    border-top: 1px solid #dbdbdb;
    width: 265px;
    margin-top: 6px;
    float: left;
    margin-bottom: 17px;
}

/* line 127, ../sass/main.scss */
.shadow {
    -moz-box-shadow: inset 0 0 3px #afbdc3;
    -webkit-box-shadow: inset 0 0 3px #afbdc3;
    box-shadow: inset 0 0 3px #afbdc3;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    position: relative;
}

/* line 135, ../sass/main.scss */
.box_icons {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

/* line 144, ../sass/main.scss */
.how_work_title {
    color: #595959;
}

/* line 148, ../sass/main.scss */
.blue_divider, .pricing_blue_divider {
    border-top: 2px solid #355BB2;
    width: 80px;
    margin-top: 6px;
}

/* line 154, ../sass/main.scss */
.white_tilt_box {
    background-color: #ffffff;
    border-radius: 8px;
    color: #e3446e;
    font-size: 14px;
    padding: 3px;
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
    margin-right: 5px;
}

/*--- End Common ------*/
/*--- Navbar ------*/
/* line 167, ../sass/main.scss */
.amp_navbar {
    border: none;
    padding: 15px 7%;
    margin-bottom: 0;
    z-index: 1030;
}

/* line 172, ../sass/main.scss */
.amp_navbar .navbar-brand {
    padding: 0;
}

/* line 176, ../sass/main.scss */
.amp_navbar .navbar-toggle:hover, .amp_navbar .navbar-toggle:focus {
    border-color: #27366b;
    background-color: #355BB2;
}

/* line 179, ../sass/main.scss */
.amp_navbar .navbar-toggle:hover .icon-bar, .amp_navbar .navbar-toggle:focus .icon-bar {
    background-color: #ffffff;
}

/* line 187, ../sass/main.scss */
.amp_navbar .navbar-nav > li > a {
    color: #333333;
    cursor: pointer;
    font-size: 14px;
}

/* line 191, ../sass/main.scss */
.amp_navbar .navbar-nav > li > a:hover {
    color: #355BB2;
}

/* line 196, ../sass/main.scss */
.amp_navbar .navbar-nav > .active > a,
.amp_navbar .navbar-nav > .active > a:focus,
.amp_navbar .navbar-nav > .active > a:hover {
    background-color: transparent;
    color: #355BB2;
}

/* line 203, ../sass/main.scss */
.logo-name {
    font-size: 22px;
    color: #333333;
}

/* line 208, ../sass/main.scss */
.navbar_btn_link {
    padding-top: 10px !important;
}

/* line 212, ../sass/main.scss */
.navbar_divider {
    margin: 0 7%;
    font-size: 0;
    border-top-color: rgba(129, 129, 129, 0.1);
}

/* line 218, ../sass/main.scss */
.navbar_divider_wrapper {
    background-color: #f8f8f8;
    width: 100%;
    z-index: 1030;
}

/*--- Navbar End ------*/
/*--- Home -- */
/* line 227, ../sass/main.scss */
.grey-bg {
    background-color: #f8f8f8;
}

/* line 231, ../sass/main.scss */
.home_banner_block {
    padding-bottom: 8%;
    padding-top: 3%;
}

/* line 236, ../sass/main.scss */
.home_title {
    color: #48394e;
}

/* line 240, ../sass/main.scss */
.home_msg_block {
    padding-left: 5%;
}

/* line 245, ../sass/main.scss */
.home_subtitle {
    color: #807585;
    margin-top: 20px;
}

/* line 250, ../sass/main.scss */
.home_create_task_block {
    padding-left: 5%;
}

/* line 255, ../sass/main.scss */
.home_btn_start {
    margin-top: 20px;
}

/* line 259, ../sass/main.scss */
.home_squash {
    color: #355BB2;
    margin-bottom: 42px;
}

/* line 264, ../sass/main.scss */
.nav-tabs.home_tab_bar {
    width: 70%;
    margin: 0 auto 3%;
    border-bottom: 1px solid #e5e5e5;
}

/* line 270, ../sass/main.scss */
.home_tab_bar.nav-justified > li > a {
    border-bottom: 0;
    color: #7b7b7b;
}

/* line 275, ../sass/main.scss */
.home_tab_bar.nav-justified > .active > a {
    background-color: #fafafa !important;
    color: #515050;
}

/* line 280, ../sass/main.scss */
.home_task_block {
    position: relative;
    min-height: 350px;
    background-color: #f8f8f8;
    padding-top: 5%;
    padding-bottom: 2%;
}

/* line 288, ../sass/main.scss */
.home_phone_block {
    position: absolute;
    top: -15%;
}

/* line 293, ../sass/main.scss */
.home_know_more {
    color: #355BB2;
    text-decoration: underline;
}

/* line 298, ../sass/main.scss */
.home_task_divider {
    margin-bottom: 15px;
    margin-top: 0;
}

/* line 303, ../sass/main.scss */
.home_benefit_block {
    padding-top: 5%;
    padding-bottom: 5%;
}

/* line 309, ../sass/main.scss */
.home_benefit_col {
    padding-right: 8%;
}

/* line 313, ../sass/main.scss */
.topBottom-rightAngle {
    position: relative;
    z-index: 1;
}

/* line 316, ../sass/main.scss */
.topBottom-rightAngle:before {
    background: white;
    top: 0;
    content: '';
    display: block;
    height: 50%;
    left: 0;
    position: absolute;
    right: 0;
    transform-origin: 100%;
    z-index: -1;
    transform: skewY(4deg);
}

/* line 331, ../sass/main.scss */
.home_work_block {
    padding-bottom: 8%;
}

/*-- Pricing --*/
/* line 336, ../sass/main.scss */
.pricing_img_container {
    height: 295px;
    position: relative;
}

/* line 341, ../sass/main.scss */
.pricing_blue_divider {
    float: left;
    width: 70px;
}

/* line 347, ../sass/main.scss */
.pricing_img {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

/* line 355, ../sass/main.scss */
.pricing_row_box {
    background-color: #ffffff;
    border-radius: 15px;
    width: 85%;
    margin: 0 auto;
    padding-top: 1%;
    padding-bottom: 1%;
}

/* line 364, ../sass/main.scss */
.pricing_dollar_block {
    border-left: 1px solid #eff4f6;
    border-right: 1px solid #eff4f6;
}

/* line 369, ../sass/main.scss */
.pricing_caption {
    padding-top: 5%;
}

/* line 374, ../sass/main.scss */
.pricing_header {
    color: #355BB2;
}

/* line 379, ../sass/main.scss */
.pricing_subTitle {
    color: #383838;
}

/* line 384, ../sass/main.scss */
.pricing_caption_title {
    color: #4b4b4b;
    text-transform: uppercase;
    margin-bottom: 32px;
}

/* line 390, ../sass/main.scss */
.pricing_caption_detail {
    color: #7c7c7c;
    line-height: 1.53;
    min-height: 66px;
    padding-left: 8%;
    padding-right: 8%;
}

/*-- End Pricing --*/
/*--- How It Works --*/
/* line 402, ../sass/main.scss */
.works_banner_block {
    z-index: 1;
    margin-top: 0;
    position: relative;
}

/* line 406, ../sass/main.scss */
.works_banner_block:after {
    background-color: #f8f8f8;
    bottom: 0;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    transform-origin: 100%;
    z-index: -1;
    transform: skewY(0deg);
}

/* line 421, ../sass/main.scss */
.works_banner_title {
    margin-top: 2%;
}

/* line 425, ../sass/main.scss */
.works_logon_block {
    padding-top: 2%;
    padding-bottom: 4%;
}

/* line 430, ../sass/main.scss */
.works_categorisation_block {
    padding-top: 4%;
}

/* line 434, ../sass/main.scss */
.works_pending_block {
    padding-bottom: 5%;
}

/* line 438, ../sass/main.scss */
.works_notify_done_block {
    padding-top: 3%;
    padding-bottom: 3%;
}

/* line 443, ../sass/main.scss */
.works_task_block {
    padding-top: 4%;
    padding-bottom: 3%;
}

/* line 452, ../sass/main.scss */
.works_block_left {
    padding-left: 7%;
    padding-top: -5%;
}

/* line 457, ../sass/main.scss */
.works_help_detail {
    color: #535253;
}

/* line 461, ../sass/main.scss */
.works_easy_block, .works_status_block {
    padding-left: 15%;
}

/* line 465, ../sass/main.scss */
.works_status_block {
    padding-right: 5%;
}

/* line 470, ../sass/main.scss */
.works_assign_block {
    padding-right: 15%;
}

/* line 474, ../sass/main.scss */
.works_it_hr_img {
    margin-bottom: -20px;
}

/* line 478, ../sass/main.scss */
.works_notify_block {
    padding-right: 20%;
}

/* line 482, ../sass/main.scss */
.works_thunderbolt_img {
    margin-bottom: -50px;
}

/*--- End How It Works --*/
/* -- Footer --*/
/* line 489, ../sass/main.scss */
.amp_footer {
    background-color: #355BB2;
    padding-top: 8%;
    padding-bottom: 2%;
}

/* line 496, ../sass/main.scss */
.footer_input_group {
    width: 90%;
    margin-bottom: 15px;
}

/* line 501, ../sass/main.scss */
.footer_exp_grey_block {
    position: relative;
    z-index: 1;
}

/* line 504, ../sass/main.scss */
.footer_exp_grey_block:after {
    background: #f8f8f8;
    bottom: 0;
    content: '';
    display: block;
    height: 50%;
    left: 0;
    position: absolute;
    right: 0;
    transform-origin: 100%;
    z-index: -1;
    transform: skewY(-3deg);
}

/* line 519, ../sass/main.scss */
.footer_exp_white_block {
    position: relative;
    z-index: 1;
}

/* line 522, ../sass/main.scss */
.footer_exp_white_block:after {
    background: white;
    bottom: 0;
    content: '';
    display: block;
    height: 50%;
    left: 0;
    position: absolute;
    right: 0;
    transform-origin: 100%;
    z-index: -1;
    transform: skewY(-3deg);
}

/* line 537, ../sass/main.scss */
.footer_experience {
    color: #414141;
    margin-top: 3%;
}

/* line 542, ../sass/main.scss */
.footer_get_your_team {
    color: #888888;
    font-weight: 300;
}

/* line 547, ../sass/main.scss */
.footer_get_start_btn {
    margin-top: 24px;
}

/* line 551, ../sass/main.scss */
.footer_free_trial {
    color: #979696;
    margin-top: 16px;
}

/* line 556, ../sass/main.scss */
.footer_list_title {
    color: #ffffff;
}

/* line 560, ../sass/main.scss */
.footer_input_btn {
    border-radius: 2px;
}

/* line 564, ../sass/main.scss */
.footer_input {
    height: 37px;
    border-radius: 2px;
}

/* line 570, ../sass/main.scss */
.footer_list li {
    margin-bottom: 6px;
}

/* line 574, ../sass/main.scss */
.footer_list a {
    color: rgba(255, 255, 255, 0.5);
}

/* line 579, ../sass/main.scss */
.footer_social {
    margin-top: 20px;
}

/* line 581, ../sass/main.scss */
.footer_social li a {
    color: #fbfbfb;
}

/* line 584, ../sass/main.scss */
.footer_social .footer_social_link {
    font-size: 21px;
}

/* line 587, ../sass/main.scss */
.footer_social .footer_linkedin {
    padding: 0 25px;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

/* line 592, ../sass/main.scss */
.footer_social .footer_twitter {
    padding-right: 25px;
}

/* line 595, ../sass/main.scss */
.footer_social .footer_mail {
    padding-left: 25px;
}

.btn_outline_pink {
    color: #db476f;
    background-image: none;
    background-color: transparent;
    border: 4px solid #db476f;
    border-radius: 4px;
}

.button_outline_pink {
    color: #db476f;
    background-image: none;
    background-color: transparent;
    border: 4px solid #db476f;
    border-radius: 4px;
}

.button_outline_pink .tilt_box {
    color: white;
    background-color: #db476f;
}

.button_outline_pink:hover .tilt_box {
    background-color: #ffffff;
    color: #db476f;
}

.btn_pink {
    background-color: #db476f;
    color: white;
}

/*.btn_pink:hover {*/
/*color: #fff;*/
/*background-color: #a43752;*/
/*border: 4px solid #a43752;*/
/*}*/

.btn_outline_pink:hover, .btn_outline_pink:active, .button_outline_pink:hover {
    color: #fff;
    background-color: #db476f;
    border-color: #db476f;
}

.btn_list {
    padding: 8px 0 0 10px;
}

.tilt_box {
    border-radius: 8px;
    color: #e3446e;
    font-size: 14px;
    padding: 3px;
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
    margin-right: 5px;
}

/* Email Sign Up*/
.email_input_gp{
    width: 404px;
}
.email_btn {
    height: 45px;
    padding-left: 25px;
    padding-right: 25px;
}
.email_field{
    height: 45px;
    font-size: 16px;
}
/* End Email Sign Up*/

/* -- End Footer --*/
@media (min-width: 992px) {
    /* line 604, ../sass/main.scss */
    .works_banner_block:after {
        transform: skewY(5deg);
    }
}

@media (min-width: 1024px) {
    /* line 611, ../sass/main.scss */
    .works_banner_title {
        margin-top: -40px;
    }
}